<template>
  <Dialog title="领料详情" :visible="visible" :reveal="false" @close="handleClose">
    <el-row>
      <el-col>
        <el-col :span="7">领药单号：{{ selectRow.receiveCode }}</el-col>
        <el-col :span="4">科室/部门：{{ selectRow.deptName }}</el-col>
        <el-col :span="4">申领人：{{ selectRow.receiveUsr }}</el-col>
        <el-col v-if="selectRow.deptType === '代客领料'" :span="4">顾客：{{ selectRow.customerName }}</el-col>
        <el-col v-if="selectRow.deptType === '代客领料'" :span="5">项目：{{ selectRow.projectName }}</el-col>
      </el-col>
      <el-table :data="selectRow.listDto" style="width: 100%;margin-top:35px">
        <el-table-column prop="name" label="名称" align="center" />
        <el-table-column prop="specl" label="规格" align="center" />
        <el-table-column prop="unit" label="单位" align="center" />
        <el-table-column prop="dataCount" label="领取数量" align="center" />
      </el-table>
    </el-row>
  </Dialog>
</template>

<script>
import Dialog from "@/components/Dialog";
export default {
  components: { Dialog },
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
    selectRow: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {
    };
  },
  watch: {
  },
  methods: {
    handleClose() {
      this.$emit('handleClose');
    },
  },
};
</script>
